

{*<div class="module-service">
    <div class="grid_frame">
        <div class="container_12">
            <div class="wrap-intro">
                <h2 class="title rs">Royal Food Court phục vụ những gì?</h2>
            </div>
            <div class="wrap-desc">
                <div class="wrap-intro">
                    <div class="service-description">{$about.service}</div>
                </div>
                <div class="line-dash"></div>
            </div>
            <div class="wrap-list-service clearfix">
                {assign var=index value=1}
                {foreach from=$booth item=booth name=fuck_booth}
                <div class="service-item sys_link_to_foodmenu" data-di="{$booth.id}">
                    <div class="thumb-item">
                        <div class="wrap-thumb">
                            <span class="ver_hold"></span>
                            <span class="ver_container ta-c"><img src="{$booth.icon}" alt="{$booth.name|escape}"/></span>
                            <img class="clip-mark" src="images/null.png" alt="wrap"/>
                        </div>
                    </div>
                    <div class="cate-name">
                        <span class="ver_hold"></span>
                                        <span class="ver_container">
                                            {$booth.name}
                                        </span>
                    </div>
                </div><!--end: .service-item -->

                {if $index % 4 == 0}<div class="clear"></div> {/if}
                    {assign var=index value=$index+1}
                {/foreach}

            </div>
        </div>
    </div>
</div><!--end: .module-service -->*}
<div>
<div id="sys_module_restaurant" class="module-restaurant">
    <div class="grid_frame">
        <div class="container_12">
            <div id="sys_res_left_content" class="left-content">
                <div class="wrap-content" id="l-{$menu_layout[2].slug}">
                    <div class="lbl-type">Nhà hàng</div>
                    <h2 class="rs res-name">Royal</h2>
                    <h3 class="rs res-slogan">Food Court</h3>
                    <p class="rs description">{$about.desc}</p>
                    <p class="rs res-runtime fw-b">Giờ mở cửa: <span class="fc-red">{$about.time_open}</span></p>
                </div>
            </div>
            <div id="sys_res_right_slide" class="right-slide">
                <div id="sys_wrap_img_slide" class="wrap-img-slide">
                    {foreach from=$slide item=slide}
                    <img class="img-slide-item active" src="images/null.png" alt="$RESTAURANT_NAME" style="background-image: url('{$slide.img}')"/>
                    {/foreach}
                     <img class="img-slide-item" src="images/null.png" alt="$RESTAURANT_NAME" style="background-image: url('{$about.map}')"/>
                </div>
                <div id="sys_res_information_slide" class="res-information">
                    {foreach from=$slide2 item=slide2 name=fuck_slide2}
                        <div class="item-info {if $smarty.foreach.fuck_slide2.first}active {/if}">
                            <p class="rs">
                                <span class="res-name"><span class="i-r"><span class="i-m">{$slide2.name}</span></span></span>
                            </p>
                            <p class="rs">
                                <span class="res-maps"><span class="i-r"><a class="i-m sys_link_map" href="#link-google-map">Xem bản đồ<span class="icon-arrow">→</span></a></span></span>
                            </p>
                        </div>
                    {/foreach}
                        <div class="item-info">
                            <p class="rs">
                                <span class="res-name"><span class="i-r"><span class="i-m">Bản đồ</span></span></span>
                            </p>
                            <p class="rs">
                                <span class="res-maps"><span class="i-r"><a class="i-m sys_link_map" href="#link-google-map">Xem bản đồ<span class="icon-arrow">→</span></a></span></span>
                            </p>
                        </div>
                </div>
                <div id="sys_pagination_slide_res" class="pagination-slide">
                {foreach from=$slide3 item=slide3 name=fuck_slide3}
                    <i {if $smarty.foreach.fuck_slide3.first}class="active" {/if}></i>
                {/foreach}
                    <i></i>
                </div>
                <img class="res-bias-left" src="images/null.png" alt="bias"/>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <img class="res-bias-top" src="images/null.png" alt="bias"/>
    <img class="res-bias-bottom" src="images/null.png" alt="bias"/>
</div><!--end: .module-restaurant -->
</div>
<div id="sys_module_slide_people" class="module-slide-people">
    <div class="grid_frame">
        <div class="container_12">
            <div class="left-content">
                <div id="sys_intro_people" class="intro-people">
                    <div class="wrap-content-intro">
                        <h2 class="rs title-intro">Chúng tôi <br /> gồm những ai?</h2>
                        <p class="rs intro-desc">{$about.about_we}</p>
                    </div>
                </div>
                <img class="res-bias-left" src="images/null.png" alt="bias"/>
            </div>
            <div id="sys_right_slide_people" class="right-content">
                <div id="slider-code" class="wrapper-slider">
                    <div id="sys_viewport_slide_people" class="viewport">
                        <ul id="sys_overview_slide_people" class="rs overview clearfix">
                            {foreach from=$chef item=chef}
                                <li>
                                    <div class="left-avatar">
                                        <img class="thumb-avatar" src="{$chef.img}" alt="{$chef.name}"/>
                                        <div class="chef-name">{$chef.name}</div>
                                        <div class="chef-position">{$chef.desc_short}</div>
                                    </div>
                                    <div class="right-extent-info">
                                        <div class="center-info">
                                            <span class="ver_hold"></span>
                                            <span class="ver_container">
                                                {$chef.desc_long}
                                            </span>
                                        </div>
                                    </div>
                                </li><!--li-->
                            {/foreach}
                        </ul>
                    </div>
                    <span id="sys_wrap_btn_nav" class="wrap-btn-nav">
                        <a class="buttons prev" href="#"></a><span class="dis-overlay"></span><a class="buttons next" href="#"></a><span class="dis-overlay"></span>
                    </span>
                    <img id="sys_btn_close_extent" class="btn-close-extent" src="images/slide-people-btn-close-extent.png" alt="icon-close"/>
                    {*<div id="sys_wrap_extent_infomation">
                        {foreach from=$chef2 item=chef}
                            <div class="extent-infomation">
                                <div class="left-extent">
                                    <img class="thumb-avatar" src="{$chef.img}" alt="{$chef.name}"/>
                                    <div class="chef-name">{$chef.name}</div>
                                    <div class="chef-position">{$chef.desc_short}</div>
                                </div>
                                <div class="right-info">
                                    <div class="center-info">
                                        <span class="ver_hold"></span>
                                        <span class="ver_container">
                                            {$chef.desc_long}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        {/foreach}
                    </div>*}
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div id="l-{$menu_layout[3].slug}">
<div class="module-menu-food">
    <div class="grid_frame">
        <div class="container_12">
            <h2 class="rs title-module">Thực đơn</h2>
            <p class="rs desc-module">{$about.menu}</p>
            <div class="list-menu-food">
                {assign var=lol value=0}
                {assign var=fuck value=0}
                {assign var=flag_lol value=true}
                {assign var=flag_fuck value=false}
                {foreach from=$booth2 item=booth2 name=fuck_lol}
                    {assign var=lol value=$lol+1}
                    {get_booth_menu id = $booth2.id booth_menu="booth_menu"}
                    {if $flag_fuck == true }
                        {assign var=fuck value=$fuck+1}
                        <div class="food-item sys_food_item type-2col" id="sys_food_item_{$booth2.id}">
                            <img class="thumb-food" src="{$booth2.img}" alt=""/>
                            <div class="food-desc C{$smarty.foreach.fuck_lol.index+1}">
                                <div class="desc-content">
                                    <h3 class="rs title-food">{$booth2.name}</h3>
                                    <p class="rs desc-food">{$booth2.desc}</p>
                                    <i class="icon iC{$smarty.foreach.fuck_lol.index+1}"></i>
                                </div>
                            </div>
                            <div class="clear"></div>
                            {if $booth_menu[0]}
                            <div class="extent-menu C{$smarty.foreach.fuck_lol.index+1}">
                                <img class="btn-close-extent sys_btn_close_extent" src="images/btn-close-extent.png" alt="Close"/>
                                <div class="make-bor">
                                    <div class="w-content">
                                        <div class="grid_frame">
                                            <div class="container_12">
                                                <div class="slide-foodmenu sys_slider_foodmenu">
                                                    <div class="viewport">
                                                        <ul class="rs overview clearfix">
                                                            {section name=foo start=0 loop=$booth_menu step=3}
                                                                {assign var=index value=$smarty.section.foo.index}

                                                                <li>
                                                                    {if $booth_menu[$index]}
                                                                    <div class="wrap-foodmenu-item">
                                                                        <div class="foodmenu-item sys_foodmenu_item">
                                                                            <img class="foodmenu-thumb" src="{$booth_menu[$index].img_small}" alt="{$booth_menu[$index].name}"/>
                                                                            <div class="foodmenu-name">{$booth_menu[$index].name}</div>
                                                                            <div class="zoom-thumb sys_content_zoom">
                                                                                <div class="content-zoom">
                                                                                    <img class="thumb-zoom" src="images/null.png" alt="{$booth_menu[$index].name}" data-src="{$booth_menu[$index].img_lager}"/>
                                                                                    <div class="name-zoom">{$booth_menu[$index].name}</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    {/if}
                                                                    {assign var=index value=$index+1}
                                                                    {if $booth_menu[$index]}
                                                                    <div class="wrap-foodmenu-item">
                                                                        <div class="foodmenu-item sys_foodmenu_item">
                                                                            <img class="foodmenu-thumb" src="{$booth_menu[$index].img_small}" alt="{$booth_menu[$index].name}"/>
                                                                            <div class="foodmenu-name">{$booth_menu[$index].name}</div>
                                                                            <div class="zoom-thumb sys_content_zoom">
                                                                                <div class="content-zoom">
                                                                                    <img class="thumb-zoom" src="images/null.png" alt="$NAME" data-src="{$booth_menu[$index].img_lager}"/>
                                                                                    <div class="name-zoom">{$booth_menu[$index].name}</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    {/if}
                                                                    {assign var=index value=$index+1}
                                                                    {if $booth_menu[$index]}
                                                                    <div class="wrap-foodmenu-item">
                                                                        <div class="foodmenu-item sys_foodmenu_item">
                                                                            <img class="foodmenu-thumb" src="{$booth_menu[$index].img_small}" alt="{$booth_menu[$index].name}"/>
                                                                            <div class="foodmenu-name">{$booth_menu[$index].name}</div>
                                                                            <div class="zoom-thumb sys_content_zoom">
                                                                                <div class="content-zoom">
                                                                                    <img class="thumb-zoom" src="images/null.png" alt="{$booth_menu[$index].name}" data-src="{$booth_menu[$index].img_lager}"/>
                                                                                    <div class="name-zoom">{$booth_menu[$index].name}</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    {/if}
                                                                </li><!--li-->
                                                            {/section}
                                                        </ul>
                                                    </div>
                                                <a class="buttons prev" href="#"></a>
                                                <a class="buttons next" href="#"></a>
                                                <div class="overlay-outsite"><div></div></div>
                                                <div class="overlay-outsite right"><div></div></div>
                                            </div>
                                           </div>
                                        </div>
                                    </div>
                                </div>
                           </div>
                            {/if}
                        </div><!--end: .food-item -->
                        {if $fuck%2==0}
                            <div class="clear"></div>
                            {assign var=flag_lol value=true}
                            {assign var=flag_fuck value=false}
                            {assign var=lol value=0}
                        {/if}

                    {elseif $flag_lol==true}
                    <div class="food-item sys_food_item" id="sys_food_item_{$booth2.id}">
                        <img class="thumb-food" src="{$booth2.img}" alt=""/>
                        <div class="food-desc C{$smarty.foreach.fuck_lol.index+1}">
                            <div class="desc-content">
                                <h3 class="rs title-food">{$booth2.name|strip_tags:"<br></br><br/>"}</h3>
                                <p class="rs desc-food">{$booth2.desc}</p>
                                <i class="icon iC{$smarty.foreach.fuck_lol.index+1}"></i>
                            </div>
                        </div>
                        <div class="clear"></div>
                        {if $booth_menu[0]}
                        <div class="extent-menu C{$smarty.foreach.fuck_lol.index+1}">
                            <img class="btn-close-extent sys_btn_close_extent" src="images/btn-close-extent.png" alt="Close"/>
                            <div class="make-bor">
                                <div class="w-content">
                                    <div class="grid_frame">
                                        <div class="container_12">
                                            <div class="slide-foodmenu sys_slider_foodmenu">
                                                <div class="viewport">
                                                    <ul class="rs overview clearfix">
                                                        {section name=foo start=0 loop=$booth_menu step=3}
                                                            {assign var=index value=$smarty.section.foo.index}

                                                            <li>
                                                                {if $booth_menu[$index]}
                                                                <div class="wrap-foodmenu-item">
                                                                    <div class="foodmenu-item sys_foodmenu_item">
                                                                        <img class="foodmenu-thumb" src="{$booth_menu[$index].img_small}" alt="{$booth_menu[$index].name}"/>
                                                                        <div class="foodmenu-name">{$booth_menu[$index].name}</div>
                                                                        <div class="zoom-thumb sys_content_zoom">
                                                                            <div class="content-zoom">
                                                                                <img class="thumb-zoom" src="images/null.png" alt="{$booth_menu[$index].name}" data-src="{$booth_menu[$index].img_lager}"/>
                                                                                <div class="name-zoom">{$booth_menu[$index].name}</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                {/if}
                                                                {assign var=index value=$index+1}
                                                                {if $booth_menu[$index]}
                                                                <div class="wrap-foodmenu-item">
                                                                    <div class="foodmenu-item sys_foodmenu_item">
                                                                        <img class="foodmenu-thumb" src="{$booth_menu[$index].img_small}" alt="{$booth_menu[$index].name}"/>
                                                                        <div class="foodmenu-name">{$booth_menu[$index].name}</div>
                                                                        <div class="zoom-thumb sys_content_zoom">
                                                                            <div class="content-zoom">
                                                                                <img class="thumb-zoom" src="images/null.png" alt="$NAME" data-src="{$booth_menu[$index].img_lager}"/>
                                                                                <div class="name-zoom">{$booth_menu[$index].name}</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                {/if}
                                                                {assign var=index value=$index+1}
                                                                {if $booth_menu[$index]}
                                                                <div class="wrap-foodmenu-item">
                                                                    <div class="foodmenu-item sys_foodmenu_item">
                                                                        <img class="foodmenu-thumb" src="{$booth_menu[$index].img_small}" alt="{$booth_menu[$index].name}"/>
                                                                        <div class="foodmenu-name">{$booth_menu[$index].name}</div>
                                                                        <div class="zoom-thumb sys_content_zoom">
                                                                            <div class="content-zoom">
                                                                                <img class="thumb-zoom" src="images/null.png" alt="{$booth_menu[$index].name}" data-src="{$booth_menu[$index].img_lager}"/>
                                                                                <div class="name-zoom">{$booth_menu[$index].name}</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                {/if}
                                                            </li><!--li-->
                                                        {/section}
                                                    </ul>
                                                </div>
                                                <a class="buttons prev" href="#"></a>
                                                <a class="buttons next" href="#"></a>
                                                <div class="overlay-outsite"><div></div></div>
                                                <div class="overlay-outsite right"><div></div></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/if}

                    </div><!--end: .food-item -->

                        {if $lol%4==0 && $lol >0 }
                            <div class="clear"></div>
                            {assign var=flag_lol value=false}
                            {assign var=flag_fuck value=true}
                        {/if}
                    {/if}

                {/foreach}
            </div>
        </div>
    </div>
</div>
</div>
<div id="l-{$menu_layout[4].slug}">
<div class="module-promotion">
    <div class="grid_frame">
        <div class="container_12">
            <div class="lbl-module">
                <span>Khuyến mại</span>
                <div class="mark-long"></div>
                <img class="img-bias" src="images/promotion-bias-right.png" alt="bias"/>
            </div>
            <div class="left-content">
                {foreach from=$promotion item=promotion name=fuck_you}
                <p class="headding-text">{$promotion.name}</p>
                <img src="{$promotion.img}" alt="img"/>
                <p>{$promotion.desc}</p>
                {/foreach}
            </div>
            <div class="right-content">
                <p class="headding-text">Đăng ký nhận bản tin</p>
                <div class="form-subscribe">
                    <label for="mail_request">
                        <input type="text" id="mail_request" placeholder="Email..."/>
                        <button type="submit" id="send_email_request">Gửi</button>
                    </label>
                </div>

                <!--<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Ftinhtefan&amp;send=false&amp;layout=standard&amp;width=230&amp;height=550&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:80px;" allowTransparency="true"></iframe>-->
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div><!--end: .module-promotion -->
</div>
<div id="l-{$menu_layout[5].slug}">
<div class="module-booking">
    <div class="grid_frame">
        <div class="container_12">
            <div class="intro-booking">
                <div class="intro-content">
                    <h3 class="rs title-module">Đặt chỗ</h3>
                </div>
                <div class="wrap-full-desc">
                    <div class="intro-content">
                        <p class="rs intro-full-desc">{$about.book}</p>
                    </div>
                    <div class="line-sep"></div>
                </div>
            </div>
            <div class="form-booking">
                    <p class="rs clearfix row-item">
                        <label class="lbl" for="name_book">
                            Họ tên:
                        </label>
                        <span class="wrap-input"><input class="right-input" id="name_book" name="name_book" type="text"/></span>
                    </p>
                <p class="rs clearfix row-item">
                    <label class="lbl" for="phone_book">
                        Số điện thoại:
                    </label>
                    <span class="wrap-input"><input class="right-input" id="phone_book" name="phone_book" type="text"/></span>
                </p>
                    <p class="rs clearfix row-item">
                        <label class="lbl" for="email_book">
                            Email:
                        </label>
                        <span class="wrap-input"><input class="right-input" id="email_book" name="email_book" type="text"/></span>
                    </p>
                    <p class="rs clearfix row-item">
                        <label class="lbl" for="num_book">
                            Số người:
                        </label>
                        <span class="wrap-input"><input class="right-input" id="num_book" type="text"/></span>
                    </p>
                    <p class="rs clearfix row-item">
                        <label class="lbl" for="time_book">
                            Thời gian:
                        </label>
                        <span class="wrap-input"><input class="right-input" id="time_book" name="time_book" type="text"/></span>
                    </p>
                    <p class="rs clearfix row-item">
                        <label class="lbl" for="desc_book">
                            Chi tiết:
                        </label>
                        <span class="wrap-input"><textarea class="right-input" name="desc_book" id="desc_book" cols="30" rows="10"></textarea></span>
                    </p>
                    <p class="rs clearfix row-item">
                    <span class="wrap-input">
                        <button class="btn-submit-form" id="send_booking_slot">Gửi</button>
                    </span>
                    </p>

                <div class="add-info">
                    <span class="lbl-info">Thông tin tham khảo:</span>
                    <a class="val" target="_blank" href="{$about.brochure}">Brochure nhà hàng</a>
                    <span class="sep">|</span>
                    <a class="val" target="_blank" href="{$about.brochure_menu}">Thực đơn khách đoàn</a>
                </div>
            </div>
        </div>
    </div>
</div><!--end: .module-booking -->
</div>